<template>
  <div class="box">
    <div>{{str}}</div>
    <h1>{{obj.name}}</h1>
    <div>{{obj.age>=18 ? "成年":"未成年"}}</div>
    <!-- 1.在插值语法中使用数据在data中必须存在，属性名一定要正确 -->
    <!-- 2.在插值语法中能使用表达式，不能使用语句v-if v-for -->
    <!-- 3.插值表达式不能用于标签属性 v-bind -->
  </div>
</template>
<script>
//js逻辑
// const obj={
//   name:"起飞"
// }
// console.log(obj);
//核心代码
export default{
  data () {
      return {
          str:"无敌",
           obj:{
            name:"起飞",
            age:18,
          }
      }
  }
}
</script>
<style lang="less">
.box{
  width: 400px;
  height: 300px;
  background-color: aqua;
  h1{
    font-size: 12px;
    color: #26ea10;
  }
}
</style>